<template>
    <div>
            <van-nav-bar
      class="header"
      title="系统设置"
      right-arrow
      @click-left="onClickLeft"

    >
      <van-icon name="wap-home-o" color=" #2e2f30" size="21px" slot="left" />
    </van-nav-bar>
    <div class="list">
    <div class="lista">
    <div style="color:#2e2f30;font-size:15px;">清除缓存</div>
    <div style="font-size: 13px;color: #bdc0c5;">484.3kb</div>
    </div>
    <div style="color:#2e2f30;font-size:15px;background:#fff;width:100%;height:49px;line-height:49px">意见反馈</div>
    </div>
    <div class="banben">版本号&nbsp;V1.6.0</div>


    <div class="footter">
    <van-cell is-link @click="showPopup">退出</van-cell>

<van-popup v-model="show">


</van-popup>
    </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            show: false
        }
    },
    methods: {
        onClickLeft(){
            this.$router.push("/")
        },showPopup(){
 this.show = true;
        }
    },
}
</script>
<style lang="less" scoped>
    .list{
            background:#fff;
        margin-top:.2px;
        padding:0 15px;
        .lista{
            width:100%;
            height:49px;
            display:flex;
                justify-content: space-between;
    align-items: center;
        }
    }.banben{
            text-align: center;
    color: #bdc0c5;
    font-size: 13px;
    margin-top: 23px;
    }.footter{
        height:49px;
        width:100%;
        position:fixed;
        bottom:0
    }.van-cell__right-icon{
        display:none;
    } .van-cell__value{
        text-align:center;
        color: #c03131;
    }.van-cell{
        height:49px;
    }
</style>